import ReactDOM from 'react-dom'

// data(后台返回数据)
const list = [
  { id: 1, name: '痴心绝对' },
  { id: 2, name: '像我这样的人' },
  { id: 3, name: '南山南' }
]
// tpl
const box = (
  <div>
    <ul>
      {/* {
        [<li>1</li>, <li>2</li>, <li>3</li>]
      } */}
      {list.map((item, i) => {
        // 返回列表item的结构（jsx）
        return <li key={item.id}>{item.name}</li>
      })}
    </ul>
  </div>
)

ReactDOM.render(box, document.getElementById('root'))
